<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

        #btn{
            position: fixed;
            right:0;
            bottom: 0;
        }
        #btn2{
            position: fixed;
            right:100px;
            bottom: 0;
        }
        #btn3{
            position: fixed;
            right:200px;
            bottom: 0;
        }
    </style>
    <script>
       window.onload = function () {
           var btn = document.getElementById('btn');
           btn.onclick = function (){
               window.scrollTo(0,1000);
           }
           var btn2 = document.getElementById('btn2');
           btn2.onclick = function (){
               window.scrollBy(0,window.innerHeight);   //window.innerHeight 当前窗口的高度
           }

           document.getElementById('btn3').onclick = function (){
               window.open('http://www.baidu.com')
           }
       }
    </script>
</head>
<body>
<div style="width: 1000px;height: 20px;background-color: blue"></div>
<input type="button" id="btn" value="回到顶部">
<input type="button" id="btn2" value="下一页">
<input type="button" id="btn3" value="打开百度">
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
<p>aa</p>
</body>
</html>